<page-header-wrapper>
  <div nz-row [nzGutter]="32">
    <div nz-col nzMd="24" nzLg="8">
      <nz-card nzTitle="用户类型">


        <nz-list [nzDataSource]="data" [nzSplit]="false" nzSize="large" [nzRenderItem]="item">
          <ng-template #item let-item>
            <nz-list-item><button nz-button nzType="default" (click)="show(item)"><i nz-icon nzType="user"
                  nzTheme="outline"></i> {{item.title}}</button></nz-list-item>
          </ng-template>
        </nz-list>


      </nz-card>
    </div>
    <div nz-col nzMd="24" nzLg="16" *ngIf="permission">
      <nz-card [nzTitle]="title">
        <form nz-form #f="ngForm" se-container="1" (ngSubmit)="save()">
          <se label="授权">
            <nz-tree [nzData]="permission"  [nzCheckedKeys]="chklist" nzExpandAll [nzMultiple]="true"
              [nzCheckable]="true">
            </nz-tree>
          </se>
          <se>
            <button nz-button nzType="primary" [nzLoading]="loading">保存</button>
          </se>
        </form>
      </nz-card>
    </div>
  </div>
</page-header-wrapper>
